<template>
  <view class="container">
    <UniNavBar :title="title" />
    <view class="list_wrap">
      <u-list @scrolltolower="scrolltolower">
			<u-list-item
				v-for="(item, index) in 3"
				:key="index"
        class="item"
			  >
				<view class="title dis-flex flex-y-center u-line-1"><text></text> 市人大常委会主任陈良平带队视察民生工程……</view>
				<view class="time">发布时间： 2018-08-06</view>
				<view class="desc u-line-1">自省司法厅、省农民工工作领导小组办公室制定的自省司法厅、省农民工工作领导小组办公室制定的...</view>
			</u-list-item>
		</u-list>
    </view>
  </view>
</template>

<script>
import UniNavBar from "@/components/uniNavbar/index.vue"
export default {
  name:'newsIndex',
  components:{UniNavBar},
  data() {
    return {
      title:'新闻资讯',
    }
  },
  methods:{
    scrolltolower() {
      console.log('9999')
    }
  }
}
</script>

<style lang="scss" scoped>
  .container {
    .list_wrap {
      padding:10rpx 30rpx 0;
      .item {
        padding:26rpx 0;
        border-bottom: 1px solid #D0D2DB;
        .title {
          font-size: 32rpx;
          font-weight: 600;
          color: #333;
          line-height: 48rpx;
          text {
            width:28rpx;
            height: 28rpx;
            background: url('/static/images/news_icon.png') no-repeat center center;
            background-size: 28rpx 28rpx;
            display: inline-block;
            margin-right: 10rpx;
          }
        }
        .time {
          margin:28rpx 0 24rpx;
          font-size: 24rpx;
          color: #AAA;
          padding-left: 28rpx;
        }
        .desc {
          font-size: 26rpx;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #999;
          line-height: 48rpx;
          padding-left: 28rpx;
        }
      }
    }
  }
</style>